/*-----------------[初始化]--------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; }
table{border-collapse:collapse; border-spacing:0; } 
fieldset,img{border:0; }
ol,ul{list-style:none; }
caption,th{text-align:left; } 
q:before,q:after{content:''; } 
abbr,acronym{border:0; } 
a{text-decoration:none; } 
.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; }
.l,.col-l,.col_l,.col-c,.col_c{float:left; }
 .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } 
.dn{display:none; }  
*,*:before,*:after {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    outline: none !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0); 
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
body {color: #333;font-size: 14px;line-height: 1.5;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;-webkit-font-smoothing: antialiased;}
img {max-width: 100%;border: none;}
input,textarea,select {font-size: 14px;color: #333;font-family: 'Microsoft Yahei',"PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;border: none;}
input[type='submit'],input[type='reset'],input[type='button'],input[type='radio'],input[type='checkbox'],select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
::-webkit-input-placeholder {color: #999;}
::-moz-placeholder {color: #999;}
::-ms-input-placeholder {color: #999;}
select::-ms-expand {display: none;}
a {color: #333;text-decoration: none;}
.img-cover{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.img-contain{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
/*布局*/
body{padding-top: 116px;}
.wp {margin: 0 auto;width: 1400px;}
.wp-h {margin: 0 100px;}
/*******************************
    -------[=头部]-------
********************************/
.header{
    position: fixed;
    z-index: 999;
    top: 0;
    width: 100%;
    left: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header.fixed{
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);     
}
.logo{
    float: left;
    overflow: hidden;
    line-height: 116px;
}
.logo img{
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.logoad{margin-top:20px}

.nav:after{
    content: '';
    display: block;
    clear:both;
    visibility: hidden;
    width: 100%;
    height: 0;
}
.nav{
    float: right;
    padding-right: 30px;
    border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.nav ul{
    float: left;
}
.nav li{
    float: left;
    position: relative;
    padding:  0;
}
.nav li .v1{
    font-size: 16px;
    color:#5A5A5A;
    display: block;
    line-height: 116px;
    padding: 0 22px;
    text-align: center;
    border-bottom: 2px solid transparent;
}
.nav li:hover .v1{
    border-color: #0079C1;
}
.nav li .sub{
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
    text-align: center;
    z-index: 9;
    padding: 10px 0;
    background-color: #F99800;
}
.nav li .sub a{
    display: block;
    font-size: 14px;
    color:#fff;
    line-height: 35px;
}
.nav li .sub a:hover{
    background-color: #fff;
    color:#F99800;
}
.g-ico{
    float: left;
    font-weight: bold;
}
.g-ico>div{
    position: relative;
    float: left;
    line-height: 116px;
    cursor: pointer;
}
.g-ico i{
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 96px;
    margin-left: 10px;
    background-position: center;
    background-repeat: no-repeat;
}
.g-ico .i1{
    background-image: url(../images/ico1.png);
}
.g-ico .i2{
    background-image: url(../images/ico2.png);
}
.g-ico .phone{
    position: absolute;
   display: none;
    top: 110%;
    right: 0;
    background: #1B95D4;
    height: 35px;
    line-height: 35px;
    width: 200px;
    color:#fff;
    padding: 0 20px;
}
.g-ico .s1:hover .phone{
    display: block;
}
.g-ico .qr{
    display: none;
    position: absolute;
    top: 100%;
    left: -25px;
    width: 100px;
    height: 100px;
    background: url(../images/erm.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.g-ico .s2:hover .qr{
    display: block;
}
.menuBtn{
    display: none;
    position: fixed;
    top: 16px;
    right: 12px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn b{display: block;height: 4px;background-color: #0079C1;
    margin: 4px 0;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.menuBtn.open{}
.menuBtn.open b{display: none;margin: 0;position: absolute;left: 0px;top: 50%;margin-top: -5px;width: 30px;}
.menuBtn.open b:first-child{display: block;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
}
.menuBtn.open b:last-child{display: block;
    transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
}
 


.banner{
    position: relative;
}
.banner img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner .swiper-button-next{
    width: 84px;
    height: 84px;
     opacity: 1!important;
     z-index: 9;
     right:96px;
     z-index: 9;
     cursor: pointer;
    background: url(../images/banjian.png) no-repeat right;
}
.banner .swiper-button-prev{
    width: 84px;
    height: 84px;
    z-index: 9;
      left:96px;
    cursor: pointer;
     z-index: 9;
    background: url(../images/banjian.png) no-repeat left;
    opacity: 1!important;
}
.banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{
    bottom:35px;
    text-align: center;
  }
.banner .swiper-pagination-bullet{width:13px;height:13px;background:transparent;font-size:0;cursor:pointer;border: 1px solid #344c63;border-radius: 50%;opacity:1;display: block;margin:0  10px !important;float: none;display: inline-block;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#1b83d4;border-color: #1b83d4;}
.ul-ban{
    position: absolute;
    bottom: 32px;
    left: 12.8%;
    right: 12.8%;
    z-index: 3;
    background: rgba(255, 255, 255, 0.7);
    overflow: hidden;
}
.ul-ban li{
    float: left;
    width: 25%;
    overflow: hidden;
    padding: 50px 0 45px 40px;
    position: relative;
}
.ul-ban li::after{
    content:'';
    display: block;
    position: absolute;
    right: 0;
    top: 50px;
    width: 1px;
    height: 80px;
    background-color: #e7eaeb;
}
.ul-ban li .ico{
    background-repeat: no-repeat;
    float: left;
    width: 50px;
    height: 50px;
    margin-right: 16px;
    background-repeat: no-repeat;
    background-position: center;
}
.ul-ban li .txt{
    text-align: left;
    overflow: hidden;
}
.ul-ban .tit{
    font-size: 19px;
    font-weight: bold;
    color:#323232;
    margin-bottom: 12px;
}
.ul-ban  .desc{
    color:#878787;
    font-family: Arial;
}
.g-tit{
    text-align: center;
    margin-bottom: 17px;
}
.g-tit .tit{
    font-size: 48px;
    color:#323232;
    font-weight: bold;
    margin-bottom: 3px;
}
.g-tit .desc{
    font-size: 16px;
    color:#545454;
}
.g-tit.sty1 .tit,
.g-tit.sty1 .desc{
    color:#fff;
}
.g-en{
    font-size: 26px;
    line-height: 1.1;
    color:#010101;
    font-family: Arial;
    font-weight: bold;
}
.g-title{
    font-size: 3.13vw;
    line-height: 1.2;
    color:#010101;
    font-weight: bold;
    font-family: Arial;
    text-transform: uppercase;
}
.g-title.ss{
    font-size: 4.69vw;
    line-height: 1.1;
}
.g-title span{
    color:#C92E2B;
    text-transform: uppercase;
}
@media only screen and (max-width: 1680px) {
    .g-tit .tit{font-size: 36px;}
    .ul-ban{left: 0;right: 0;bottom: 0;}
}
@media only screen and (max-width: 1450px) {
.ul-ban li{padding:20px 30px;}
.ul-ban .tit{margin-bottom: 0;font-size: 18px;}
.ul-ban br{display: none;}
}
@media only screen and (max-width: 1230px) {
.g-tit{margin-bottom: 20px;}
.g-tit .tit{font-size: 28px;}
.ul-ban{position: static;}
  .ul-ban .desc{font-size: 12px;}
  .ul-ban .tit{font-size: 16px;}
  .ul-ban li::after{display: none;}
  .ul-ban li{padding-right: 0;padding-left: 10px;}

}
@media only screen and (max-width: 1023px) {
.g-tit .tit{font-size: 26px;}
.g-en{font-size: 22px;}
}
@media only screen and (max-width: 767px) {
.g-tit .tit{font-size: 22px;}
.g-tit .desc{font-size: 14px;}
.g-title,.g-title.ss{font-size: 24px;}
.g-en{font-size: 16px;}
}
/**1 page***/
.row1{
    overflow: hidden;
    padding: 29px 0 44px;
}
.hotpro .swiper-container{
    padding: 10px 10px 19px;
}
.hotpro .pic{
    position: relative;
    height: 0;
    padding-top: 73%;
    overflow: hidden;
}
.hotpro .txt{
    box-shadow: 0px 4px 19px 1px rgba(7, 0, 2, 0.07);
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color:#888888;
    padding: 20px;
}
.hotpro .txt .tit{
    font-size: 22px;
    color:#000000;
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hotpro .txt .desc{
    margin-bottom: 10px;
    line-height: 1.86;
    display: -webkit-box;  
    overflow: hidden;  
    text-overflow: ellipsis;  
    word-break: break-all;  
    -webkit-box-orient: vertical;  
    -webkit-line-clamp: 2;
}
.hotpro .txt i{
    display: block;
    margin:0 auto;
    width: 27px;
    height: 27px;
    background: url(../images/ico19.png) no-repeat;
}
.prolist{
    position: relative;
}
.prolist .swiper-button-next{
    width: 68px;
    height: 125px;
     opacity: 1!important;
     z-index: 9;
     right:-68px;
     margin-top: -62.5px;
     cursor: pointer;
    background: url(../images/pic8.jpg) no-repeat right;
}
.prolist .swiper-button-prev{
   width: 68px;
    height: 125px;
    z-index: 9;
    left:-68px;
    cursor: pointer;
    background: url(../images/pic8.jpg) no-repeat left;
    opacity: 1!important;
     margin-top: -62.5px;
}
.prolist .swiper-container{
    padding: 20px 10px 20px;
}
.prolist .pic{
    position: relative;
    height: 0;
    padding-top: 75%;
    overflow: hidden;
}
.prolist .tit{
    line-height: 53px;
    font-size: 16px;
    text-align: center;
    box-shadow: 0px 4px 19px 1px rgba(7, 0, 2, 0.07);
}
@media only screen and (max-width: 1600px) {
 
}
@media only screen and (max-width: 1430px) {
   .prolist .swiper-button-prev,.prolist .swiper-button-next{display: none!important;}
}
@media only screen and (max-width: 1230px) {

  .row1{padding-top: 10px;}

  .banner .swiper-button-prev,.banner .swiper-button-next{display: none!important;}
  .banner .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets{bottom:5px;}
}
@media only screen and (max-width: 1023px) {
 .ul-ban li{width: 50%;padding-left: 50px;}
 .ul-ban li br{display: none;}
}
@media only screen and (max-width: 767px) {
    .logoad{display: none;}
    .ul-ban li{display: none;}
    .prolist .swiper-container,.hotpro .swiper-container{padding: 10px 0 0;}
    .row1{padding: 30px 0;}
    .prolist .tit,.hotpro .txt{box-shadow: none;background-color: #eee;}
    .prolist{display: none;}
    

}
/**2 page***/
.row2{
    padding: 55px 0 28px;
    overflow: hidden;
    background: url(../images/bg1.jpg) no-repeat top;
}
.row2 .info{
    font-size: 16px;
    color:#313131;
    line-height: 1.88;
    text-align: center;
    margin-bottom: 45px;
}
.row2 .link{
    text-align: center;
    overflow: hidden;
    margin-bottom: 49px;
}
.row2 .link a{
    display: inline-block;
    width: 171px;
    height: 42px;
    border:1px solid #A8A8A8;
    text-align: center;
    line-height: 40px;
    color:#484848;
    font-size: 14px;
    margin:0 6px;
    border-radius: 20px;
}
.row2 .link a:last-child{
    background-color: #F7AB01;
    border-color: #F7AB01;
    color:#fff;
}
.ul-list1{
    overflow: hidden;
    padding: 19px;
    margin:0 -19px;
}
.ul-list1 li{
    width: 25%;
    float: left;
}
.ul-list1 .con{
    margin:0 10px;
    padding: 30px 46px ;
    background-color: #fff;
    text-align: center;
    font-size: 14px;
    color:#848484;
    line-height: 1.86;
    box-shadow: 0px 4px 19px 1px rgba(7, 0, 2, 0.07);
}
.ul-list1  .ico{
    width: 70px;
    height: 70px;
    background-repeat: no-repeat;
    background-position: center;
    margin:0 auto 20px;
}
.ul-list1 .tit{
    font-size: 18px;
    color:#333333;
    margin-bottom: 4px;
}
@media only screen and (max-width: 1430px) {
    .ul-list1 .con{padding-left: 5px;padding-right: 5px;}
    .row2 .link{margin-bottom: 30px;}
}
@media only screen and (max-width: 1230px) {
.row2 .info{font-size: 14px;margin-bottom: 15px;}
 .row2 .link{margin-bottom: 10px;}
 .row2{padding: 30px 0;}
}
@media only screen and (max-width: 1023px) {
.ul-list1 li{width: 50%;margin-bottom: 15px;}
 .ul-list1 .con{padding: 15px;}
 .ul-list1 .ico{margin-bottom: 10px;}
}
@media only screen and (max-width: 767px) {
    .row2 .info br{display: none;}
    .row2 .info{text-align: left;}
    .ul-list1 li{width: auto;float: none;}
    .row2 .link a{width: 120px;}
    .row2{padding-bottom: 0;}

}
/***3 page**/
.row3{
    padding:0 0 64px;
    overflow: hidden;
}
.row3 .g-tit{
    margin-bottom: 33px;
}
.ul-list2{
    overflow: hidden;
    margin:0 -10px;
}
.ul-list2 li{
    width: 25%;
    float: left;

}
.ul-list2 .con{
    margin:0 10px;
    display: block;
}
.ul-list2 .pic{
    position: relative;
    padding-top: 59%;
    overflow: hidden;
    height: 0;
}
.ul-list2 .txt{
    background: #F7F5F5;
    text-align: center;
    padding: 10px 20px;
    position: relative;
   
}
.ul-list2 .tit{
    font-size: 18px;
    color:#3C3C3C;
    margin-bottom: 10px;
}
.ul-list2 .desc{
    font-size: 14px;
    color:#7B7B7B;
}
.ul-list2 .nub{
    width: 78px;
    height: 77px;
    background-color: #F7F5F5;
    border-radius: 50%;
    text-align: center;
    line-height: 77px;
    font-size: 30px;
    color:#1F9AD5;
    font-family: Arial;
    font-weight: bold;
    position: absolute;
    top: -38.5px;
    left: 0;
    right: 0;
    margin:0 auto;
}
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1430px) {
.ul-list2 .txt{padding: 45px 15px 0;}
}
@media only screen and (max-width: 1230px) {
.ul-list2 .nub{width: 50px;height: 50px;font-size: 18px;line-height: 50px;top: -25px;}
.ul-list2 .txt{padding-top: 30px;}
}
@media only screen and (max-width: 767px) {
.ul-list2 li{width: 50%;margin-bottom: 10px;}
.row3{padding-bottom: 20px;}
.ul-list2 .nub{display: none;}
.ul-list2 {margin:0 -4px;}
.ul-list2 .con{margin:0 4px;}
.ul-list2 .txt{padding-top: 10px;height:65px}
}
@media only screen and (max-width: 1023px) {

}
/***4 page**/
.row4{
    padding: 44px 0;
    overflow: hidden;
    background: url(../images/bg2.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
}
.row4 .txt{
    float: left;
    overflow: hidden;
    width: 60%;
    font-size: 14px;
    color:#68676C;
    line-height: 1.71;
}
.row4 .txt .tit{
    font-size: 45px;
    color:#313131;
    font-weight: bold;
}
.row4 .tel{
    float: right;
    font-size: 16px;
    color:#000000;
    padding-left: 75px;
    background: url(../images/ico11.png) no-repeat left center;
}
.row4 .tel .desc{
    font-family: Arial;
    font-weight: bold;
    font-size: 30px;
    color:#000000;
}
@media only screen and (max-width: 1600px) {
  .row4 .txt .tit{font-size: 36px;}
}
@media only screen and (max-width: 1430px) {
    .row4 .txt .tit{font-size: 32px;}
}
@media only screen and (max-width: 1230px) {
   .row4 .txt .tit{font-size: 28px;}
}
@media only screen and (max-width: 1023px) {
    .row4 .txt .tit{font-size: 26px;}
    .row4{padding: 30px 0;}
    .row4 .tel .desc{font-size: 22px;}
    .row4 .tel{float: none;}
    .row4 .txt{width: auto;float: none;margin-bottom: 10px;}
}
@media only screen and (max-width: 767px) {
.row4 .txt .tit{font-size: 22px;}
}

/**5 page**/
.row5 .g-tit{
    text-align: left;
    padding-top: 32px;
    padding-bottom: 10px;
    background-color: #f2f2f2;
    position: relative;
    margin-bottom: 50px;
}
.row5 .g-tit::after{
    content:'';
    display: block;
    position: absolute;
    bottom: -18px;
    left: 14%;
    width: 64px;
    height: 33px;
    background: url(../images/ico20.png) no-repeat;
}
.row5 .g-tit .bom{
    overflow: hidden;
}
.row5 .g-tit .desc{
    float: left;
    line-height: 42px;
}
.row5  .link{
    float: right;

}
.row5 .link a{
    display: inline-block;
    width: 171px;
    height: 42px;
    border:1px solid #A8A8A8;
    text-align: center;
    line-height: 42px;
    background-color: #fff;
    color:#6B6B6B;
    font-size: 16px;
    margin:0 6px;
    border-radius: 20px;
}
.g-news{
    overflow: hidden;
    padding-bottom: 35px;
}
.sliderimg{
    width: 649px;
    height: 295px;
    float: left;
    margin-right: 60px;
    overflow: hidden;
}
.sliderimg img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.sliderimg img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ul-new1{
    overflow: hidden;
}
.ul-new1 li{
    margin-bottom: 30px;
}
.ul-new1 li:last-child{
    margin-bottom: 0;
}
.ul-new1 .tit{
    font-size: 22px;
    color:#333333;
    font-weight: bold;
    margin-bottom: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.ul-new1 .desc{
    font-size: 13px;
    color:#656565;
    margin-bottom: 10px;
    line-height: 1.85;
}
.ul-new1 .time{
    font-size: 12px;
    color:#999999;
}
.g-news2{
    border-top: 1px solid #f2f2f2;
}
.g-news2 ul{
    overflow: hidden;
}
.g-news2 li{
    width: 33.333%;
    float: left;
    padding: 20px 34px 30px 34px;
    border-right: 1px solid #f2f2f2;
}
.g-news2 li .tit{
    font-size: 18px;
    color:#333333;
    font-weight: bold;
    padding-left: 28px;
    margin-bottom: 14px;
    background: url(../images/ico12.png) no-repeat left center;
}
.g-news2 .desc{
    font-size: 13px;
    color:#999999;
    line-height: 1.85;
    margin-bottom: 20px;
}
.g-news2 .time{
    font-size: 12px;
    color:#999999;
    text-align: right;
    background: url(../images/pic7.jpg) no-repeat left center;
}
@media only screen and (max-width: 1023px) {
.sliderimg{width: 100%;float: none;margin-bottom: 20px;height: auto;}
.g-news2 li{width: auto;float: none;padding: 10px 0;border-right: none;}
}
@media only screen and (max-width: 767px) {
.ul-new1 .tit{font-size: 18px;margin-bottom: 4px;}
.g-news2 .desc{margin-bottom: 10px;}
.row5 .g-tit .desc{float: none;}
.row5 .link{float: none;}
.row5 .g-tit::after{display: none;}
.row5 .link a{width: 120px;}
.row5 .g-tit{margin-bottom: 20px;padding-top: 10px;}
}






/**footer***/
.footer{
    background: #1B95D4;
    color:#fff;
}
.footer .entit{
    font-weight: bold;
    text-transform: uppercase;
    font-size: 24px;
    font-family: Arial;
    margin-bottom: 20px;
}
.footer .info{
    padding: 46px 0;
    display: flex;
   justify-content: space-between;
}
.footer .txt{
    width: 700px;
}
.footer .tt{
    position: relative;
    top: -6px;
}
.footer span.phone{
    font-size: 26px;
    line-height: 26px;
    margin-right: 10px;
    font-family: Impact;
}
.footer span.tel{
    font-size: 22px;
}
.footer .qr{
    width: 123px;
    font-size: 14px;
    color:#78CDF9;
    text-align: center;
}
.footer .qr .img{
    width: 123px;
    height: 123px;
    margin-bottom: 8px;
    background: url(../images/erm.jpg) no-repeat;
}
.g-form{
    width: 427px;
}
.footer .box{
    overflow: hidden;
}
.footer .box .item{
    float: left;
}
.footer .box .item:nth-child(1){
    margin-right: 69px;
}
.footer .item{
    padding-left: 71px;
    padding-top: 2px;
    height: 50px;
    font-size: 14px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 25px;
}
.footer .item .en{
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.copy{
    margin-top: 30px;
}
.copy a{
    color:#fff;
}

.g-form .box{
    overflow: hidden;
    margin-bottom: 20px;
}
.g-form .title{
    overflow: hidden;
}
.g-form .entit{
    float: left;
}
.g-form .title p{
    float: right;
    line-height: 36px;
}
.g-form .ss{
    width: 48%;
    margin-right: 4%;
    float: left;
    overflow: hidden;
}
.g-form .box .ss:last-child{
    margin-right: 0;
}
.g-form .ss input{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #fff;
    padding: 0 14px;
    font-size: 14px;
    height: 40px;
    border-radius: 4px;
}
.g-form .ss input::placeholder{
    color:#7b7b7b;
}
.g-form .text .ss{
    width: auto;
    margin-right: 0;
    overflow: hidden;
    float: none;
    margin-bottom: 21px;
}
.g-form .ss textarea{
    display: block;
    resize: none;
    background-color: #fff;
    height:100px;
    overflow: hidden;
    width: 100%;
    border-radius: 4px;
    padding: 14.02px;
}
.g-form .sub input{
    display: block;
    height: 46px;
    text-align: center;
    width: 100%;
    color: #fff;
    overflow: hidden;
    background-color: #F7AB01;
    background-image: url(../images/ico18.png);
    background-position: 40%;
    background-repeat: no-repeat;
    border-radius: 4px;
    cursor: pointer;
}
.links{
    overflow: hidden;
 padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.links .name{
    float: left;
    font-size: 30px;
    color:#5DC0F3;
    font-family: Arial;
    text-transform: uppercase;
    font-weight: bold;
    margin-right: 40px;
}
.links .link{
    overflow: hidden;
}
.links .link a{
    font-size: 14px;
    color:#fff;
    margin-right: 20px;
    display: inline-block;
}

#floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;display: none;}
#floatBottom a{width:33.333%;height:53px;display:block;float:left;position:relative;font-size: 14px;color:#fff;text-align: center;padding-bottom: 4px;}
#floatBottom a img{
    display: block;
    margin:4px auto 2px;
    height: 25px;
}
#floatBottom .ewm{width:87px;height:83px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;}
#floatBottom .ewm img{width:100%;height:100%;display:block;}

@media only screen and (max-width: 1600px) {
  
}
@media only screen and (max-width: 1430px) {

.footer .txt{width: 500px;}
}
@media only screen and (max-width: 1230px) {
   .snav dl{display: none;}
   .snav dl:last-child{display: block;}
   .footer .box .item:nth-child(1){margin-right: 0;}
.footer .box .item{float: none;}
.footer .info{display: block;}
.footer .txt,.footer .qr,.g-form{width: auto;margin-top: 10px;text-align: left;}
#floatBottom{display: block;}
}
@media only screen and (max-width: 1023px) {
.copy{margin-top: 0;}
}
@media only screen and (max-width: 767px) {
    .snav{float: none;}
    .qr,.qr .img{float: none;text-align: left;margin-bottom: 10px;}
    .snav .desc a{margin-top: 15px;}
    .snav dl dt{margin-bottom: 10px;}
    .snav dl{float: none;background: none;padding: 0;margin:0;}
    .footer .info{padding: 30px 0 15px;}
    .links .name{float: none;line-height: 1.54;text-align: center;}
    .links{padding:15px 0; line-height: 1.5;}
    .footer span.phone{font-size: 16px;}
    .footer span.tel{display: none;}
    .footer .info{padding-top: 10px;}
}



















@media only screen and (max-width: 1600px) {
   .wp-h{margin: 0 50px;}
   .wp{width: 1340px;}
   .nav li .v1{padding: 0 15px;line-height: 80px;}
   .logo{line-height: 80px;}
   .g-ico i{height: 80px;}
   .g-ico>div{line-height: 80px;}
   body{padding-top: 80px;}
    .logo{width: 240px;}

}
@media only screen and (max-width: 1430px) {
    .wp{width: 1240px;}
   
    .nav li .v1{font-size: 14px;}
}
@media only screen and (max-width: 1360px) {
   
}
@media only screen and (max-width: 1230px) {
    .logo{width: 120px;}
    body{padding-top: 60px;}
    .wp,.wp-h{width: auto;padding: 0 15px;margin:0;}
    .menuBtn{display: block;}
     .nav{
        position: fixed;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 99;
        overflow: hidden;
        background: #fff;
        width: auto;
        float: none;
        padding: 0;
        display: none;
        border-top:1px solid #eee;
    }
    .nav ul{float: none;}
    .nav .phone{display: none;}
    .nav li{float: none;width: auto;}
    .nav li .v1{line-height: 40px;text-align: left;padding:0 20px;color:#333; border-bottom:1px solid #eee;}
    .nav li.on .v1::after{display: none;}
    .nav li i {
        display: block;
        width: 40px;
        height: 40px;
        background-position: center center;
          position: absolute;
          right: 0;
          top: 0;
        z-index: 9;
        background: url(../images/sel2.png) no-repeat center center;
    }
    .nav li .sub{position: static;padding-left: 0;background: transparent;box-shadow:none;}
    .nav li .sub a{padding-left: 20px;text-align: left;float: none;line-height: 30px;color:#fff;}
    .nav .v1{height: 40px;line-height: 40px;text-align: left;color:#333;padding-left: 10px;margin:0;overflow: hidden;}
    .nav li:hover .v1,
    .nav li.on .v1{
        background: none;
    }
    .nav li .v1::after{display: none;}
    .logo{line-height: 60px;height: 60px;}
    body{padding: 60px 0 53px;}

   

}
@media only screen and (max-width: 1023px) {
   
   
}
@media only screen and (max-width: 960px) {
    
  

}

@media only screen and (max-width: 767px) {
    
}

@media only screen and (max-width: 500px) {
       
}


/*ground*/
#groundbg{overflow: hidden;height:769px;background:url(../images/ground.jpg) no-repeat center center;background-size:cover;}
#ground{width:1200px;padding-top:42px;margin:0 auto;}
#ground .g_title{text-align:center;font-size:32px;color:#FFF;line-height:44px;font-weight:600;}
#ground .g_subtitle{text-align:center;font-size:22px;color:#ffe746;line-height:36px;font-weight:400;background:url(../images/g_subtitlebg.png) no-repeat center bottom;padding-bottom:23px;}
#ground .g_product{width:496px;height:557px;margin:0 auto;margin-top:16px;position:relative;}
#ground .g_product .g_img{width:498px;height:565px;margin:0 auto;}
#ground .g_product .g_left{width:367px;position:absolute;left:-367px;top:25px;height:561px;}
#ground .g_product .g_left .g_div{width:365px;background:#099edf;box-shadow:3px 3px 3px rgba(4,0,0,.29);position:relative;padding:15px 55px 17px 35px;border-radius:5px;margin-bottom:15px;z-index:1;height: 170px;}

#ground .g_product .g_left .g_div .num{width:58px;height:58px;background:#44BFE5;border-radius:50%;text-align:center;font-size:32px;font-weight:bold;display:block;position:absolute;top:50%;margin-top:-29px;right:-29px;font-style:normal;color:#fff;line-height:58px;}
#ground .g_product .g_left .g_div .h1{font-size:26px;color:#FFF;line-height:46px;}
#ground .g_product .g_left .g_div p{line-height:24px;color:#aee6ff;background:url(../images/groundicon.png) no-repeat left 3px;padding-left:35px;}
#ground .g_product .g_left .g_div:last-child p{line-height:30px;background:url(../images/groundicon.png) no-repeat left 3px;}
#ground .g_product .g_right{width:367px;position:absolute;right:-367px;top:25px;height:561px;}
#ground .g_product .g_right .g_div{width:365px;background:#099edf;box-shadow:3px 3px 3px rgba(4,0,0,.29);position:relative;padding:15px 35px 17px 55px;border-radius:5px;margin-bottom:15px;height: 170px;}

#ground .g_product .g_right .g_div .num{width:58px;height:58px;background:#44BFE5;border-radius:50%;text-align:center;font-size:32px;font-weight:bold;display:block;position:absolute;top:50%;margin-top:-29px;left:-29px;font-style:normal;color:#fff;line-height:58px;}
#ground .g_product .g_right .g_div .h1{font-size:26px;color:#FFF;line-height:46px;}
#ground .g_product .g_right .g_div p{line-height:24px;color:#aee6ff;background:url(../images/groundicon.png) no-repeat left top;padding-left:35px;}
#ground .g_product .g_right .g_div:last-child p{line-height:30px;background:url(../images/groundicon.png) no-repeat left 3px;}
.h1{font-weight: bold;}




@media only screen and (max-width: 1430px) {
   #ground .g_product .g_img{width: 400px;padding-top: 80px;}
   #ground .g_product .g_left .g_div{margin-left: 0!important;}
   #ground .g_product .g_right .g_div{margin-left: 0!important;}
}
@media only screen and (max-width: 1230px) {
    #ground{width: auto;padding: 0 15px;}
    #ground .g_product .g_img{display: none;}
    #ground .g_product .g_left{position: static;width: 44%;float: left;height: auto;}
    #ground .g_product .g_right{position: static;width: 44%;float: right;height: auto;}
    #ground .g_product{width: auto;height: auto;overflow: hidden;}
    #groundbg{height: auto;padding: 20px 0;}
    #ground .g_product .g_left .g_div,#ground .g_product .g_right .g_div{width: auto;height: 182px;}
    #ground .g_subtitle{font-size: 16px;}
    #ground .g_product .g_left .g_div .h1{font-size: 24px;}
}
@media only screen and (max-width:960px) {
    #ground .g_product .g_left .g_div .num,#ground .g_product .g_right .g_div .num{display: none;}
    #ground .g_product .g_left, #ground .g_product .g_right{width: auto;float: none;}
    #ground .g_product .g_left .g_div, #ground .g_product .g_right .g_div{height: auto;padding: 10px;}
    #ground .g_title{font-size: 26px;}
    #ground .g_product .g_right .g_div{padding: 15px;}
}
@media only screen and (max-width: 500px) {
       #ground .g_title,#ground .g_product .g_left .g_div .h1{font-size: 22px;}
       #ground .g_subtitle{font-size: 14px;}
       #ground .g_product .g_right .g_div .h1{font-size: 22px;}
}

.g-txt{
    font-size: 16px;
    color:#333;
    line-height: 2;
    padding: 20px 0;
}